.onlyStyle {
  :global {
    .cm-gutter-lint,
    .cm-lineNumbers {
      display: none !important;
    }
  }
}
:global {
  .cm-gutterElement {
    width: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    user-select: none;
    // padding: 0 !important;
    // margin: 0 !important;

    span[title~="line"] {
      top: 0;
      position: absolute !important;
      line-height: 10px; /* 使行高等于容器高度 */
      text-align: center; /* 水平居中 */
      height: 18px; /* 容器高度 */
      display: block;
      width: 100%;
      color: #888 !important;
    }
    span[title="Fold line"] {
      &::after {
        content: "-";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ebebeb;
        display: flex;
        align-items: center;
        font-size: 20px;
        justify-content: center;
      }
    }
    span[title="Unfold line"] {
      &::after {
        content: "+";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ebebeb;
        display: flex;
        align-items: center;
        font-size: 20px;
        justify-content: center;
      }
    }
  }
  #root .cm-gutter-lint {
    display: none !important;
  }
}
